<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>如何学习</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/howStudy.css">
</head>

<body>
    <!-- deathPage -->
    <div id="headerImg">
        <img src="./images/whyStudy/shouce.png">
    </div>
    <!-- 购买流程 -->
    <div id="buyFlow" class="marLeft">
        <div class="moduleTitle">
            <p>购买流程</p>
            <span>请用手机号注册，并使用注册手机号购课</span>
        </div>
        <img src="./images/whyStudy/price.png">
    </div>
    <!-- 添加老师微信 -->
    <div id="addTeachWX" class="marLeft">
        <div class="moduleTitle">
            <p>添加老师微信</p>
            <span>购买课程后，请添加老师微信，方便接收上课重要信息和课程辅导</span>
        </div>
        <img src="./images/whyStudy/wx.png">
    </div>
    <!-- 进入课堂 -->
    <div id="inClassRoom" class="marLeft">
        <div class="moduleTitle">
            <p>进入课堂</p>
            <span>在开课时间段内，每周六早上自动解锁本周课程每周日—周五，辅导老师在班级群内进行学习互动</span>
        </div>
        <div class="imgBox">
            <img src="./images/whyStudy/courseList.png">
            <img src="./images/whyStudy/chatWXImg.png">
        </div>
    </div>
    <!-- 课前准备实验材料 -->
    <div id="prepera" class="marLeft">
        <div class="moduleTitle">
            <p>课前准备实验材料</p>
            <span>购课后，配套实验材料盒在2-5个工作日内寄出开课前，请按老师提示为宝贝准备本节课所需实验材料具体可查看班级群内的提醒公告</span>
            <div style="width: 80%;height: 100px;border: 1px solid;margin-left: 7%;"></div>
        </div>
        <!-- 暂无图片 <img src="./images/whyStudy/wx.png"> -->
    </div>
    <!-- 怎样用APP上课 -->
    <div id="whyAPP" class="marLeft">
        <div class="moduleTitle">
            <p>怎样用APP上课</p>
            <span>请按照列表顺序，依次学习当周的所有课程环节完成后，可在学习报告中查看课程总结，分享实验成果</span>
        </div>
        <img src="./images/whyStudy/courseInfo.png">
    </div>

    <script src="./js/howStudy.js"></script>
</body>

</html>